@extends('layouts.app')

@section('title', '登录')

@section('css')
 <link rel="stylesheet" type="text/css" href="{{asset('/static/css/signin.css')}}">

@endsection

@section('header')
          
@endsection

@section('sidebar')

@endsection

@section('content')
   <div class="error-info alert alert-danger" role='alert'></div>
<form class="form-signin" style="text-align: center;">
    <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>

	<div style="margin-bottom:10px;margin-top: 20px">
		 <div class="custom-control custom-radio custom-control-inline">
		  <input type="radio" id="customRadioInline1" name="role" value="1" class="custom-control-input" checked>
		  <label class="custom-control-label" for="customRadioInline1">student</label>
		</div>
		<div class="custom-control custom-radio custom-control-inline">
		  <input type="radio" id="customRadioInline2" name="role" value=2 class="custom-control-input">
		  <label class="custom-control-label" for="customRadioInline2">teacher</label>
		</div>
	</div>
    <label for="inputUsername" class="sr-only">Username</label>
    <input type="text" id="inputUsername" class="form-control" placeholder="Username" required autofocus>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
    <button class="btn btn-lg btn-primary btn-block btn-submit" type="button">Sign in</button>
    <div style="margin-top:40px">Do not hava a account?</div>
    <a href="/register">Sign up</a>
</form>
@endsection


@section('javascript')

<script>
 var studentUrl="{{ url('/student') }}"
 var loginUrl="{{ url('/login') }}"
  var teacherUrl="{{ url('/teacher') }}"
</script>

<script type="text/javascript" src="{{asset('/static/js/login.js')}}"></script>

@endsection